<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>Creativ</title>
<meta name="description" content="">
<meta name="author" content="">

<!-- Favicons
    ================================================== -->
<link rel="shortcut icon" href="img/favicon.ico" type="image/x-icon">
<link rel="apple-touch-icon" href="img/apple-touch-icon.png">
<link rel="apple-touch-icon" sizes="72x72" href="img/apple-touch-icon-72x72.png">
<link rel="apple-touch-icon" sizes="114x114" href="img/apple-touch-icon-114x114.png">

<!-- Bootstrap -->
<link rel="stylesheet" type="text/css"  href="css/bootstrap.css">
<link rel="stylesheet" type="text/css" href="fonts/font-awesome/css/font-awesome.css">

<!-- Slider
    ================================================== -->
<link href="css/owl.carousel.css" rel="stylesheet" media="screen">
<link href="css/owl.theme.css" rel="stylesheet" media="screen">

<!-- Stylesheet
    ================================================== -->
<link rel="stylesheet" type="text/css"  href="css/style.css">
<link rel="stylesheet" type="text/css" href="css/responsive.css">
<link rel="stylesheet" type="text/css" href="css/prettyPhoto.css">
<link rel="stylesheet" type="text/css" href="//at.alicdn.com/t/font_388500_650ko18xcvc59udi.css">
<!-- <link href='http://fonts.useso.com/css?family=Lato:400,700,900,300' rel='stylesheet' type='text/css'>
<link href='http://fonts.useso.com/css?family=Open+Sans:400,700,800,600,300' rel='stylesheet' type='text/css'> -->
<script type="text/javascript" src="js/modernizr.custom.js"></script>

<!-- HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries -->
<!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
<!--[if lt IE 9]>
      <script src="https://oss.maxcdn.com/html5shiv/3.7.2/html5shiv.min.js"></script>
      <script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
    <![endif]-->
</head>
<body>
<!-- Navigation
    ==========================================-->
<nav id="menu" class="navbar navbar-default navbar-fixed-top">
  <div class="container" id="container"> 
    <!-- Brand and toggle get grouped for better mobile display -->
    <div class="navbar-header">
      <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1"> <span class="sr-only">Toggle navigation</span> <span class="icon-bar"></span> <span class="icon-bar"></span> <span class="icon-bar"></span> </button>
     <!--  <a class="navbar-brand" href="index.html">Creativ<strong><span class="color">.</span></strong></a> --> <a class="navbar-brand" href="index.html"><img src="img/LOGO.png"/></a> 
     </div>
    
    <!-- Collect the nav links, forms, and other content for toggling -->
    <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
      <ul class="nav navbar-nav navbar-right">
        <li><a href="#home" class="page-scroll">主页</a></li>
        <li><a href="#services-section" class="page-scroll">主营业务</a></li>
        <li><a href="#works-section" class="page-scroll">成功案例</a></li>
        <li><a href="#about-section" class="page-scroll">关于我们</a></li>
        <li><a href="#team-section" class="page-scroll">相关客户</a></li>
        <li><a href="#testimonials-section" class="page-scroll">公司动态</a></li>
        <li><a href="#contact-section" class="page-scroll">联系我们</a></li>
      </ul>
    </div>
    <!-- /.navbar-collapse --> 
  </div>
  <!-- /.container-fluid --> 
</nav>

<!-- Header -->
<header class="text-center" name="home">
  <div class="intro-text">
    <h1>欢迎来到 <strong><span class="color">智思云信息科技有限公司</span></strong></h1>
    <p>为<strong>媒体、政府、企业单位</strong>提供<strong>新媒体产品设计与开发</strong>等服务帮助用户创新新媒体的应用形式和业务模式</p>
    <a href="#services-section" class="fa fa-angle-down page-scroll"> </a> </div>
</header>

<!-- Services Section -->
<div id="services-section" class="text-center">
  <div class="container">
    <div class="section-title center">
      <h2>主营 <strong>业务</strong></h2>
      <hr>
      <div class="clearfix"></div>
     <!--  <p>专注移动互联网新媒体应用</p> -->
    </div>
    <div class="space"></div>
    <div class="row">
      <div class="col-md-3 col-sm-6 service"> <i class="fa icon-qixiangyingyong iconfont"></i>
        <h4><strong>气象应用开发</strong></h4>
        <p>以专业的技术为客户在气象应用方向提供高新技术产品、个性化开发以及专业定制化服务。</p>
      </div>
      <div class="col-md-3 col-sm-6 service"> <i class="fa icon-weixinyingyong iconfont"></i>
        <h4><strong>微信应用开发</strong></h4>
        <p>根据客户需求为企业量身打造微网站、微信公众平台、品牌网站等一体化服务平台。</p>
      </div>
      <div class="col-md-3 col-sm-6 service"> <i class="fa icon-xinmeitiyingyong iconfont"></i>
        <h4><strong>新媒体应用开发</strong></h4>
        <p>从市场的角度和客户的需求出发，在数字技术和网络技术的基础之上帮助客户设计和开发专业化、智能化、受众广泛的新媒体应用。</p>
      </div>
      <div class="col-md-3 col-sm-6 service"> <i class="fa icon-dashujujirengongzhineng iconfont"></i>
        <h4><strong>大数据及人工智能</strong></h4>
        <p> 把先进的机器学习、深度学习等人工智能技术与行业应用进行结合，为客户提供有大数据支撑的人工智能服务。</p>
      </div>
    </div>
  </div>
</div>
<!-- Portfolio Section -->
<div id="works-section">
  <div class="container"> <!-- Container -->
    <div class="section-title text-center center">
      <h2>成功 <strong>案例</strong></h2>
      <hr>
      <div class="clearfix"></div>
     <!--  <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis sed dapibus leo nec ornare diamcommodo nibh ante facilisis.</p> -->
    </div>
    <div class="categories">
      <ul class="cat">
        <li>
          <ol class="type">
            <li><a href="#" data-filter="*" class="active">全部业务</a></li>
            <li><a href="#" data-filter=".wechat">微信应用</a></li>
            <li><a href="#" data-filter=".phone">移动应用</a></li>
            <li><a href="#" data-filter=".paper">数字报纸</a></li>
          </ol>
        </li>
      </ul>
      <div class="clearfix"></div>
    </div>
    <div class="copyrights">Collect from <a href="http://www.cssmoban.com/" >网页模板</a></div>
    <div class="row">
      <div class="portfolio-items">
        <div class="col-sm-6 col-md-3 col-lg-3 wechat">
          <div class="portfolio-item">
            <div class="hover-bg"> <a href="img/ver/subwayweather/1.png" rel="prettyPhoto">
              <div class="hover-text">
                <h4>北京气象局</h4>
                <small>微信应用</small>
                <div class="clearfix"></div>
                <i class="fa fa-plus"></i> </div>
              <img src="img/ver/subwayweather/1s.png" class="img-responsive" alt="气象北京"> </a> </div>
          </div>
        </div>
        <div class="col-sm-6 col-md-3 col-lg-3 phone">
          <div class="portfolio-item">
            <div class="hover-bg"> <a href="img/ver/thousandsweather/1.png" rel="prettyPhoto">
              <div class="hover-text">
                <h4>万千气象客户端</h4>
                <small>移动应用</small>
                <div class="clearfix"></div>
                <i class="fa fa-plus"></i> </div>
              <img src="img/ver/thousandsweather/1s.png" class="img-responsive" alt="万千气象客户端"> </a> </div>
          </div>
        </div>
        <div class="col-sm-6 col-md-3 col-lg-3 wechat">
          <div class="portfolio-item">
            <div class="hover-bg"> <a href="img/ver/southerncity/1.png" rel="prettyPhoto">
              <div class="hover-text">
                <h4>南方都市报</h4>
                <small>微信应用</small>
                <div class="clearfix"></div>
                <i class="fa fa-plus"></i> </div>
              <img src="img/ver/southerncity/1s.png" class="img-responsive" alt="南方都市报"> </a> </div>
          </div>
        </div>
        <div class="col-sm-6 col-md-3 col-lg-3 wechat">
          <div class="portfolio-item">
            <div class="hover-bg"> <a href="img/ver/movedsouthnet/1.jpg" rel="prettyPhoto">
              <div class="hover-text">
                <h4>感动南网投票活动</h4>
                <small>微信应用</small>
                <div class="clearfix"></div>
                <i class="fa fa-plus"></i> </div>
              <img src="img/ver/movedsouthnet/1s.png" class="img-responsive" alt="感动南网投票活动"> </a> </div>
          </div>
        </div>
        <div class="col-sm-6 col-md-3 col-lg-3 wechat">
          <div class="portfolio-item">
            <div class="hover-bg"> <a href="img/ver/guotuting/1.png" rel="prettyPhoto">
              <div class="hover-text">
                <h4>广东国土厅公众号</h4>
                <small>微信应用</small>
                <div class="clearfix"></div>
                <i class="fa fa-plus"></i> </div>
              <img src="img/ver/guotuting/1s.png" class="img-responsive" alt="广东国土厅公众号"> </a> </div>
          </div>
        </div>
        <div class="col-sm-6 col-md-3 col-lg-3 paper">
          <div class="portfolio-item">
            <div class="hover-bg"> <a href="img/tran/yangcheng/1.png" rel="prettyPhoto">
              <div class="hover-text">
                <h4>羊城晚报数字报</h4>
                <small>数字报纸</small>
                <div class="clearfix"></div>
                <i class="fa fa-plus"></i> </div>
              <img src="img/tran/yangcheng/1s.png" class="img-responsive" alt="羊城晚报数字报"> </a> </div>
          </div>
        </div>
        <div class="col-sm-6 col-md-3 col-lg-3 paper">
          <div class="portfolio-item">
            <div class="hover-bg"> <a href="img/ver/southernday/1.png" rel="prettyPhoto">
              <div class="hover-text">
                <h4>南方日报数字报</h4>
                <small>数字报纸</small>
                <div class="clearfix"></div>
                <i class="fa fa-plus"></i> </div>
              <img src="img/ver/southernday/1s.png" class="img-responsive" alt="南方日报数字报"> </a> </div>
          </div>
        </div>
        <div class="col-sm-6 col-md-3 col-lg-3 phone">
          <div class="portfolio-item">
            <div class="hover-bg"> <a href="img/ver/nanwangh5/1.png" rel="prettyPhoto">
              <div class="hover-text">
                <h4>广东电网H5应用</h4>
                <small>移动应用</small>
                <div class="clearfix"></div>
                <i class="fa fa-plus"></i> </div>
              <img src="img/ver/nanwangh5/1s.png" class="img-responsive" alt="广东电网H5应用"> </a> </div>
          </div>
        </div>
      </div>
    </div>
  </div>
</div>
<!-- About Section -->
<div id="about-section">
  <div class="container">
    <div class="section-title text-center center">
      <h2><strong>关于</strong> 我们</h2>
      <hr>
      <div class="clearfix"></div>
      <!-- <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis sed dapibus leo nec ornare diamcommodo nibh ante facilisis.</p> -->
    </div>
    <div class="row">
      <div class="col-md-6"> <img src="img/about.png" class="img-responsive"> </div>
      <div class="col-md-6">
        <div class="about-text"> <i class="fa fa-users"></i>
          <h4>我们是谁</h4>
          <p>广东智思云信息科技有限公司，成立于2015年，是一家从事软件系统、电子商务网站和移动平台开发的互联网公司，业务涉及软件开发、网络技术的研究开发、多媒体设计服务、广告业、数据处理和存储服务、新闻业等多个方面，竭诚为客户提供各项优质服务。</p>
          <i class="fa fa-puzzle-piece"></i>
          <h4>我们是做什么的</h4>
          <p>广东智思云以自主知识产权为核心，在新闻出版行业借助高水平的软件技术、硬件设备和人才资源，可为新闻出版单位提供移动阅读、移动媒体发布与运营系统、数字媒体云服务、媒体资源管理系统、网站建设和信息安全等一系列产品和服务。广东智思云帮助客户在数字报纸系统、手机报、移动终端等应用方向提供高新技术产品及个性化开发，并延伸开发出基于新媒体的移动社交及交互系统，帮助客户在移动互联网时代实现更深层次的应用。 </p>
          <i class="fa fa-check-square-o"></i>
          <h4>为什么选择我们</h4>
          <p>我们为每一位客户提供更专业、更贴心、更创新的新媒体产品与服务。选择我们，我们将竭力全面满足你的服务和产品需求。</p>
        </div>
      </div>
    </div>
  </div>
</div>

<!-- Team Section -->
<div id="team-section" class="text-center">
  <div class="container">
    <div class="section-title center">
      <h2>相关 <strong>客户</strong></h2>
      <hr>
      <!-- <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis sed dapibus leo nec ornare diamcommodo nibh ante facilisis.</p> -->
    </div>
    <div id="row">
      <div class="col-md-6 col-sm-6 team">
        <div class="thumbnail"> <img src="img/team/01.jpg" alt="北京气象局" class="img-circle team-img">
          <div class="caption">
            <h3>北京气象局</h3>
           <!--  <p>Founder</p>
            <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit.</p> -->
          </div>
        </div>
      </div>
      <div class="col-md-6 col-sm-6 team">
        <div class="thumbnail"> <img src="img/team/02.jpg" alt="广东国土资源厅" class="img-circle team-img">
          <div class="caption">
            <h3>广东国土资源厅</h3>
          <!--   <p>Web Designer</p>
            <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit.</p> -->
          </div>
        </div>
      </div>
      <div class="col-md-4  col-sm-6 team">
        <div class="thumbnail"> <img src="img/team/03.jpg" alt="羊城晚报" class="img-circle team-img">
          <div class="caption">
            <h3>羊城晚报</h3>
            <!-- <p>Web Designer</p>
            <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit.</p> -->
          </div>
        </div>
      </div>
      <div class="col-md-4 col-sm-6 team">
        <div class="thumbnail"> <img src="img/team/04.jpg" alt="南方日报" class="img-circle team-img">
          <div class="caption">
            <h3>南方日报</h3>
          <!--   <p>Project Manager</p>
            <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit.</p> -->
          </div>
        </div>
      </div>
      <div class="col-md-4 col-sm-6 team">
        <div class="thumbnail"> <img src="img/team/05.jpg" alt="南方电网" class="img-circle team-img">
          <div class="caption">
            <h3>南方电网</h3>
          <!--   <p>Project Manager</p>
            <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit.</p> -->
          </div>
        </div>
      </div>
    </div>
  </div>
</div>

<!-- Testimonials Section -->
<div id="testimonials-section" class="text-center">
  <div class="container">
    <div class="section-title center">
      <h2>我们的 <strong>顾客</strong> 说</h2>
      <hr>
    </div>
    <div class="row">
      <div class="col-md-8 col-md-offset-2">
        <div id="testimonial" class="owl-carousel owl-theme">
          <div class="item">
            <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis sed dapibus leo nec ornare diam. Sed commodo nibh ante facilisis bibendum dolor feugiat at duis sed dapibus leo nec ornare diam.</p>
            <p><strong>John DOE</strong>, CEO, Company.</p>
          </div>
          <div class="item">
            <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis sed dapibus leo nec ornare diam. Sed commodo nibh ante facilisis bibendum dolor feugiat at duis sed dapibus leo nec ornare diam.</p>
            <p><strong>Jenny DOE</strong>, CEO, Company.</p>
          </div>
          <div class="item">
            <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis sed dapibus leo nec ornare diam. Sed commodo nibh ante facilisis bibendum dolor feugiat at duis sed dapibus leo nec ornare diam.</p>
            <p><strong>John DOEn</strong>, CEO, Company.</p>
          </div>
        </div>
      </div>
    </div>
  </div>
</div>

<!-- Contact Section -->
<div id="contact-section" class="text-center">
  <div class="container">
    <div class="section-title center">
      <h2><strong>联系</strong> 我们</h2>
      <hr>
      <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis sed dapibus leo nec ornare diamcommodo nibh ante facilisis.</p>
    </div>
    <div class="col-md-8 col-md-offset-2">
      <div class="col-md-4"> <i class="fa fa-map-marker fa-2x"></i>
        <p>321 Awesome Street<br>
          New York, NY 17022</p>
      </div>
      <div class="col-md-4"> <i class="fa fa-envelope-o fa-2x"></i>
        <p>info@companyname.com</p>
      </div>
      <div class="col-md-4"> <i class="fa fa-phone fa-2x"></i>
        <p> +1 800 123 1234</p>
      </div>
      <hr>
      <div class="clearfix"></div>
    </div>
   <!--  <div class="col-md-8 col-md-offset-2">
      <hr>
      <h3>Leave us a message</h3>
      <form>
        <div class="row">
          <div class="col-md-6">
            <div class="form-group">
              <input type="email" class="form-control" placeholder="Name">
            </div>
          </div>
          <div class="col-md-6">
            <div class="form-group">
              <input type="email" class="form-control" placeholder="Email">
            </div>
          </div>
        </div>
        <div class="form-group">
          <textarea class="form-control" rows="4" placeholder="Message"></textarea>
        </div>
        <button type="submit" class="btn btn-default">Send Message</button>
      </form>
    </div> -->
  </div>
</div>
</div>
<nav id="footer">
  <div class="container">
    <div class="pull-left fnav">
      <p>Copyright &copy; 2015 Creativ. More Templates <a href="http://www.cssmoban.com/" target="_blank" title="模板之家">模板之家</a> - Collect from <a href="http://www.cssmoban.com/" title="网页模板" target="_blank">网页模板</a></p>
    </div>
    <div class="pull-right fnav">
      <ul class="footer-social">
        <li><a href="#"><i class="fa fa-facebook"></i></a></li>
        <li><a href="#"><i class="fa fa-twitter"></i></a></li>
        <li><a href="#"><i class="fa fa-dribbble"></i></a></li>
        <li><a href="#"><i class="fa fa-linkedin"></i></a></li>
      </ul>
    </div>
  </div>
</nav>

<!-- jQuery (necessary for Bootstrap's JavaScript plugins) --> 
<script src="http://apps.bdimg.com/libs/jquery/2.1.4/jquery.min.js"></script> 
<script type="text/javascript" src="js/jquery.1.11.1.js"></script> 
<!-- Include all compiled plugins (below), or include individual files as needed --> 
<script type="text/javascript" src="js/bootstrap.js"></script> 
<script type="text/javascript" src="js/SmoothScroll.js"></script> 
<script type="text/javascript" src="js/jquery.prettyPhoto.js"></script> 
<script type="text/javascript" src="js/jquery.isotope.js"></script> 
<script src="js/owl.carousel.js"></script> 

<!-- Javascripts
    ================================================== --> 
<script type="text/javascript" src="js/main.js"></script>
</body>
</html>